<template>
  <fieldset class="one">
        <legend>fu</legend>
        <h3>子组件传递过来的数据：{{msg}}</h3>
        <!-- 在子组件标签内，通过v-on指令调用自定义事件，触发父组件的getTxt函数 -->
        <SonFirst @sendtxt="getTxt"/>
  </fieldset>
</template>

<script setup>
import { ref } from "vue";
import SonFirst from './SonFirst.vue';

let msg = ref('');//接收子组件传递过来的数据

// 事件函数:接收子组件传递过来的数据
const getTxt = (val )=>{
 msg.value = val;
}
</script>

<style scoped>
.one{
    width: 500px;
    margin: 20px auto;
}
.one p {
    line-height: 80px;
}
</style>